<template>
  <div class="detail-container">
    <el-card>
      <el-tabs v-model="activeName">
        <el-tab-pane label="登录账号设置" name="first">
          <setting />
        </el-tab-pane>
        <el-tab-pane label="个人详情" name="second">
          <info />
        </el-tab-pane>
        <el-tab-pane label="岗位信息" name="third">
          <job />
        </el-tab-pane>
      </el-tabs>
    </el-card>
  </div>
</template>



<script>
import setting from './setting.vue'
import info from './info.vue'
import job from './job.vue'
export default {
  name: '',
  components: {
    setting,
    info,
    job
  },
  data() {
    return {
      activeName: 'second'
    }
  },
  created() {
    console.log(`this`, this)
  },
  computed: {},
  methods: {}
}
</script>
<style lang='scss'  scoped>
.detail-container {
  padding: 30px;
}
</style>
